//当HTML的data-theme为dark时，样式引用dark
//data-theme为其他值时，就采用组件库的默认样式
//这里我只定义了两套主题方案，想要再多只需在`$themes`里加就行了
//注意一点是，每套配色方案里的key可以自定义但必须一致，不然就会混乱

$themes: (
	theme-light: (
		//字体
		font_color1: #000,
		font_color2: #333333,
		font_color3: #999999,
		font_color4: #666666,
		font_color5: #ffffff,
		//背景
		background_color1: #F1F2F3,
		background_color2: #FFFFFF,
		background_color3: #0176F6,
		background_color4: #E8EDF0,
		background_color5: #E1E2E4,
		background_color6: #C9E7FF,
		background_color7: #F2F2F2,
		background_color8: #FFFFFF,
		//边框
		border_color1: #d9d9d9,
		border_color2: #e2e4e6,
		border_color3: #D8D8D8,
		
	),
	theme-dark: (
		//字体
		font_color1: #fff,
		font_color2: #E8E8E8,
		font_color3: #999999,
		font_color4: #999999,
		font_color5: #E8E8E8,

		//背景
		background_color1: #171E29,
		background_color2: #101722,
		background_color3: #203047,
		background_color4: #203047,
		background_color5: #203047,
		background_color6: #0389FF,
		background_color7: #203047,
		background_color8: #101722,
		
		//边框
		border_color1: #1b2531,
		border_color2: #283142,
		border_color3: #2E3843,
	)
);